@font-face {
  font-family: "AlibabaSans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("//mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*1GSgSYDD_aIAAAAAQsAAAAgAegCCAQ/AlibabaSans-Light.woff2") format("woff2");
}

@font-face {
  font-family: "AlibabaSans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("//mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*2zEUQqnPNesAAAAAQtAAAAgAegCCAQ/AlibabaSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "AlibabaSans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("//mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*E_cxRbMlZqUAAAAAQuAAAAgAegCCAQ/AlibabaSans-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "AlibabaSans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("//mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*E_cxRbMlZqUAAAAAQuAAAAgAegCCAQ/AlibabaSans-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "AlibabaSans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("//mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*E_cxRbMlZqUAAAAAQuAAAAgAegCCAQ/AlibabaSans-Heavy.woff2") format("woff2");
}

html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family:
    AlibabaSans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}

.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: 768px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead>tr,
    &-tbody>tr {

      >th,
      >td {
        white-space: pre;

        >span {
          display: block;
        }
      }
    }
  }
}

// ==================== 菜单高亮样式 ====================

// 修改菜单选中项背景色
.ant-pro-sider-menu .ant-menu-item-selected {
  background-color: #dbf1fb !important;
  // 选中项文字颜色
  color: #1890ff !important;

  // 选中项图标颜色
  .anticon {
    color: #1890ff !important;
  }
}

// 菜单悬停样式
.ant-pro-sider-menu .ant-menu-item:hover {
  background-color: #e6f7ff !important;
  color: #1890ff !important;
}

// 菜单项激活状态
.ant-pro-sider-menu .ant-menu-item-active {
  background-color: #f0f0f0 !important;
}

// 子菜单选中样式
.ant-menu-submenu-selected>.ant-menu-submenu-title {
  color: #1890ff !important;
}

// 菜单项选中时的右边框指示器
.ant-menu-item-selected::after {
  border-right: 3px solid #409EFF !important;
}

// 全局修改 ProLayout 内容区域的 padding
.ant-pro-layout .ant-pro-layout-content {
  padding-block: 20px !important;
  padding-inline: 20px !important;
}

// 全局修改 ProLayout 顶部导航的毛玻璃效果
.ant-pro-layout-header {
  background-color: white !important;
}

// 顶部导航栏的 logo
.ant-pro-global-header-logo-mix {
  width: 120px !important;
  height: auto;
}

// 下拉框的边框样式
.ant-select-lg .ant-select-selector {
  border-radius: 3px !important;
}

// 下拉框的输入框样式
.ant-select-lg .ant-input {
  border-radius: 3px !important;
}

/* 侧边栏菜单背景色 */
.ant-layout-sider {
  background-color: #FFFFFF !important;
}

// 页面内容区域的背景色
.ant-pro-layout .ant-pro-layout-container {
  background-color: #f5f5f5;
}

/* 页脚*/
.ant-pro-global-footer {
  margin-block-start: 0 !important;
  /* 强制覆盖为 0 */
}

/* ===============侧边栏菜单========== */
// /* 侧边栏菜单文字改为白色 */
// .ant-layout-sider .ant-menu-item,
// .ant-layout-sider .ant-menu-submenu-title {
//   color: #fff !important;
// }

// /* 选中项文字改为蓝色（可根据需求调整具体色值） */
// .ant-layout-sider .ant-menu-item-selected {
//   color: #1890ff !important;
//   /* 蓝色，与主题配置中的 menu-highlight-color 保持一致 */
// }

// /* 选中项的图标也同步改为蓝色（可选，保持样式统一） */
// .ant-layout-sider .ant-menu-item-selected .anticon {
//   color: #1890ff !important;
// }

// ==================== 滚动条隐藏 ====================

/* 针对 Chrome、Safari、Opera 等基于 WebKit 的浏览器 */
::-webkit-scrollbar {
  width: 0;
  /* 隐藏垂直滚动条 */
  height: 0;
  /* 隐藏水平滚动条 */
}

/* 针对火狐浏览器（Firefox）- 全局 */
html {
  scrollbar-width: none;
  /* 隐藏滚动条 */
}

/* 特定容器隐藏滚动条 */
.scroll-container {
  overflow: auto;
  /* 确保容器可滚动 */
  scrollbar-width: none;
  /* 火狐浏览器隐藏滚动条 */
  -ms-overflow-style: none;
  /* IE 和 Edge 旧版（非 Chromium 内核）兼容 */
}

.scroll-container::-webkit-scrollbar {
  width: 0;
  /* WebKit 内核浏览器隐藏垂直滚动条 */
  height: 0;
  /* WebKit 内核浏览器隐藏水平滚动条 */
}